<template>
  <div class="hello">
   <p>{{ this.$store.getters['user/bigname'] }}</p>
   <p>{{ this.$store.state.user.userInfo.age }}</p>
   <button @click="AddCount">{{ this.$store.state.user.count }}</button>
  </div>
</template>

<script>
export default {
  
  name: 'HelloWorld',
  props: {
  },
   data () {
    return {
   
    }
  },
  computed: {
   
  },
  methods: {
     AddCount(){
      this.$store.commit('user/Addcount') 
     }
  },
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">

</style>